<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/gong.css">
    <title>Document</title>
</head>
<body>
    <div class="box">
        <header>
            <div class="topbox">
                <h1><a href=""></a></h1>
            </div>
            <nav>
                <div class="nvabox clearfix">
                    <div class="logo">豆瓣网</div>
                    <div class="input clearfix"><input type="text" placeholder="书籍、电影、音乐、小组、小站、成员"><div><a href=""><img src="./imagers/搜索.png" alt=""></a></div></div>
                    <div class="nva">
                        <ul class="clearfix">
                            <li class="book"><a href="">豆瓣读书</a></li>
                            <li class="dy"><a href="">豆瓣电影</a></li>
                            <li class="music"><a href="">豆瓣音乐</a></li>
                            <li class="tc"><a href="">豆瓣同城 </a></li>
                            <li class="xz"><a href="">豆瓣小组</a></li>
                            <li class="yd"><a href="">豆瓣阅读</a></li>
                            <li class="fm"><a href="">豆瓣FM</a></li>
                            <li class="time"><a href="">豆瓣时间</a></li>
                            <li class="dp"><a href="">豆瓣豆品</a></li>
                        </ul>
                    </div>
                </div>
            </nav>
        </header>

        <div class="dl" style="background-image: url(https://img9.doubanio.com/view/puppy_image/raw/public/1771365ca98ig9er706.jpg);">
           <div class="dlbox clearfix">
               <div class="dlboxlf">
                   <h1>豆瓣 7.0</h1>
                   <div class="clearfix">
                       <div class="appdownlf">下载豆瓣 App</div>
                       <div class="erweima">
                           <a href=""><img id="hahaha" src="https://img3.doubanio.com/f/sns/0c708de69ce692883c1310053c5748c538938cb0/pics/sns/anony_home/icon_qrcode_green.png" alt=""></a>
                           <div class="erweimabox"><img src="https://img3.doubanio.com/f/sns/1cad523e614ec4ecb6bf91b054436bb79098a958/pics/sns/anony_home/doubanapp_qrcode.png" alt=""><div>iOS / Android 扫码直接下载</div></div>
                    </div>
                   </div>
               </div>
               <div class="dlboxrg">
                   
                   <div class="erweibox">
                       
                    <div class="shaomadenglu">
                        扫码登陆
                       
                    </div>   
                </div>
                <div class="duanxindenglubox">
                       
                    <div class="duanxinzhuce">
                        短信登陆/注册
                       
                    </div>  
                    
                </div>
                <div class="erweimasaoma">
                    <div class="erweimasaomawen">二维码登陆</div>
                    <div><img src="https://img3.doubanio.com/dae/qrgen/v2/https%3A//accounts.douban.com/passport/qrlogin%3Fcode%3Ddouban-qrlogin%7CQpHZhVqLPPnv%2BQ.png" alt=""></div>
                    <div class="saoyisao">请打开豆瓣客户端扫一扫</div>
                </div>
                   <div class="andj clearfix">
                       <div class="dx bottomborder">短信登陆/注册</div>
                       <div class="mima">密码登陆</div>
                   </div>
                  <div class="duanxinbox">
                    <div class="xieyi">
                        <div><span>请仔细阅读 </span><a href="">豆瓣使用协议、豆瓣个人信息保护政策</a></div>
                       <div class="sjbox clearfix">
                         <div class="sjlf">
                             +86
                             <div class="diqubox">
                                
                                 <p>选择国际区号
                                    <span class="guanbi">X</span>
                                 </p>
                                 <ul>
                                    <li  class="clearfix"><span class="lf">中国大陆</span><span class="rg">86+</span></li>
                                    <li  class="clearfix"><span class="lf">中国大陆</span><span class="rg">86+</span></li>
                                    <li  class="clearfix"><span class="lf">中国大陆</span><span class="rg">86+</span></li>
                                    <li  class="clearfix"><span class="lf">中国大陆</span><span class="rg">86+</span></li>
                                    <li  class="clearfix"><span class="lf">中国大陆</span><span class="rg">86+</span></li>
                                    <li  class="clearfix"><span class="lf">中国大陆</span><span class="rg">86+</span></li>
                                    <li  class="clearfix"><span class="lf">中国大陆</span><span class="rg">86+</span></li>
                                    <li  class="clearfix"><span class="lf">中国大陆</span><span class="rg">86+</span></li>
                                    <li  class="clearfix"><span class="lf">中国大陆</span><span class="rg">86+</span></li>
                                    <li  class="clearfix"><span class="lf">中国大陆</span><span class="rg">86+</span></li>
                                 </ul>
                             </div>
                             
                         </div>
                         <div class="sjrg">
                             <input type="text" placeholder="手机号" >
                         </div>
                       </div>
                       <div class="yzm">
                           <input placeholder="验证码" type="text">
                           <div>获取验证码</div>
                       </div>
                       <div class="dldb"><button>登陆豆瓣</button></div>
                       <div class="wufayzm">搜不到验证码</div>
                    </div>
                  </div>
                  <div class="mimadengbox">
                        <div class="wjmima">忘记密码</div>
                        <div class="sj"><input type="text" placeholder="手机号/邮箱"></div>
                        <div class="mima"><input type="password" placeholder="密码"></div>
                        <div class="anniu"><button>豆瓣登陆</button></div>
                        <div class="haiwai">海外手机登陆</div>
                  </div>
                   <div class="dsf">
                       <span>第三方登陆</span>
                       <a class="weixin" href="">
                       </a><a class="xinlang" href="">

                       </a>
                   </div>
               </div>
           </div>
        </div>
        <div class="rdnrbg">
            <div class="rdnrbox auto clearfix">
                <div class="right">
                    <div class="banner">
                        <a class="bannerimg" href=""><img src="https://img1.doubanio.com/view/dale-online/dale_ad/public/fa010e19fa90d9c.jpg" alt=""></a>
                    </div>
                    <div class="rmht clearfix">
                        <h1 class="h1Font-color left">热门话题</h1><span>&nbsp;&nbsp;&nbsp;&nbsp;· · · · · ·&nbsp;&nbsp;（<a class="hover" href="">去话题广场</a>）</span>
                        <h2>
                            <a class="hover"href="">每天让自己原地满血复活的保留项目</a>
                            <p>37.6万次浏览</p>
                        </h2>
                        <h2>
                            <a class="hover aset"href="">那些心中有光的时刻</a>
                            <p class="aset1">品牌话题 · 1.5万次浏览</p>
                        </h2>
                        <h2>
                            <a class="hover"href="">糟糕书腰批判大会</a>
                            <p>2.8万次浏览</p>
                        </h2>
                        <h2>
                            <a class="hover"href="">独活人口的“特别”推荐</a>
                            <p>2.2万次浏览</p>
                        </h2>
                        <h2>
                            <a class="hover"href="">我的“躺平”哲学</a>
                            <p>5.7万次浏览</p>
                        </h2>
                        <h2>
                            <a class="hover"href="">那些与时代格格不入的身影</a>
                            <p>4.7万次浏览</p>
                        </h2>
                    </div>
                </div>
                <div class="left">
                    <h1 class="h1Font-color left">热点内容</h1><span>&nbsp;&nbsp;&nbsp;&nbsp;· · · · · ·&nbsp;&nbsp;（<a class="hover" href="">更多</a>）</span>
                    <div class="rdnr-box clearfix">
                        <div class="rdnr-text right">
                            <p><a class="hover" href="">万事屋有约Vol.8｜在“笑死我了这弹幕”小组玩转文字梗</a></p>
                            <p class="huise">组长万事屋的日记</p>
                            <p class="huise1">「文字梗的创造高手永远在民间」 “笑死我了这弹幕”小组被组员们戏称为蛋组，在这里可以分享影视里飘过的搞笑弹幕、社交平台中滑到的搞笑评论、视频节目里的搞笑发言和各...</p>
                            <p><a class="hover" href="">这一年，我爸从农民变成了总裁，我从打工人变成了CEO</a></p>
                            <p><a class="hover" href="">记录我家（曾经）的六只鹅</a></p>
                            <p><a class="hover" href="">上周，我和我老公因为收快递吵了一架</a></p>
                            <p><a class="hover" href="">2万事屋有约Vol.7｜“有一条无论如何都想沙一沙的龙”小组如何用理性驱散迷雾？</a></p>
                            <p><a class="hover" href="">为人母</a></p>
                            <p><a class="hover" href="">2020冬 雨崩香格里拉小记（二）飞来寺、雨崩神瀑</a></p>
                        </div>
                        <div class="rdnr-boximg left clearfix">
                            <div class="left">
                                <a href="">
                                    <img src="https://img1.doubanio.com/view/photo/albumcover/public/p2635160599.webp" alt="">
                                    </img>
                                </a>
                                <p><a class="hover" href="">中國西南｜醫院CA1</a><span> 62张照片</span></p>
                            </div>
                            <div class="left">
                                <a href="">
                                    <img src="https://img2.doubanio.com/view/photo/albumcover/public/p2636478663.webp" alt="">
                                    </img>
                                </a>
                                <p><a class="hover" href="">The Lost Marriage</a><span> 17张照片</span></p>
                            </div>
                            <div class="left">
                                <a href="">
                                    <img src="https://img2.doubanio.com/view/photo/albumcover/public/p2642661862.webp" alt="">
                                    </img>
                                </a>
                                <p><a class="hover" href="">辣团和南山</a><span> 42张照片</span></p>
                            </div>
                            <div class="left">
                                <a href="">
                                    <img src="https://img9.doubanio.com/view/photo/albumcover/public/p2631167606.webp" alt="">
                                    </img>
                                </a>
                                <p><a class="hover" href="">邱园 Royal Botanic Gardens</a><span> 53张照片</span></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="rmzlbf">
            <div class="rmzlbox auto clearfix">
                <div class="left dbsj">
                    <h1>豆瓣时间</h1>
                </div>
                <div class="left rmzlimgbox">
                    <h1 class="h1Font-color left rmzl">热门专栏</h1><span>&nbsp;&nbsp;&nbsp;&nbsp;· · · · · ·&nbsp;&nbsp;（<a class="hover" href="">更多</a>）</span>
                    <div class="clearfix">
                        <div class=" rmzlimg">
                            <a class="erji" href=""><img src="https://img2.doubanio.com/dae/niffler/niffler/images/d0372f64-a739-11eb-9c0d-96463a36e32f.jpg" alt=""></a>
                            <p><a class="hover"href="">未来世界生存法则——李松蔚认知思维16讲
                                音频专栏</a>
                                </p>
                            <p class="huise">音频专栏</p>
                        </div>
                        <div class=" rmzlimg">
                            <a class="erji" href=""><img src="https://img1.doubanio.com/dae/niffler/niffler/images/f6189198-5ae8-11eb-865e-16d4e49064e7.png" alt=""></a>
                            <p><a class="hover"href="">我们的女性400年——文学里的女性主义简史学里的女性主义简史学里的女性主义简史
                                音频专栏</a>
                                </p>
                            <p class="huise">音频专栏</p>
                        </div>
                        <div class=" rmzlimg">
                            <a class="erji"href=""><img src="https://img3.doubanio.com/dae/niffler/niffler/images/c4972ec0-e3bf-11e7-9d88-0242ac110021.jpg" alt=""></a>
                            <p><a class="hover"href="">用性别之尺丈量世界——18堂思女性问题
                                音频专栏</a>
                                </p>
                            <p class="huise">音频专栏</p>
                        </div>
                        <div class=" rmzlimg">
                            <a class="erji"href=""><img src="https://img3.doubanio.com/dae/niffler/niffler/images/bd70700a-c5a5-11ea-8a59-f23c99dd97de.jpg" alt=""></a>
                            <p><a class="hover"href="">一个故事的诞生——22堂创意思维写作课
                                音频专栏</a>
                                </p>
                            <p class="huise">音频专栏</p>
                        </div>
                        <div class=" rmzlimg">
                            <a class="erji"href=""><img src="https://img3.doubanio.com/dae/niffler/niffler/images/f90e218a-b8aa-11e7-9cc5-0242ac110021.jpg" alt=""></a>
                            <p><a class="hover"href="">52倍人生——戴锦华大师电影课
                                音频专栏</a>
                                </p>
                            <p class="huise">音频专栏</p>
                        </div>
                        <div class=" rmzlimg">
                            <a class="erji"href=""><img src="https://img1.doubanio.com/dae/niffler/niffler/images/9ed11092-906a-11eb-a1e9-da8cb6702708.jpg" alt=""></a>
                            <p><a class="hover"href="">哲学闪耀时——不一样的西方哲学史
                                音频专栏</a>
                                </p>
                            <p class="huise">音频专栏</p>
                        </div>
                        <div class=" rmzlimg">
                            <a class="erji"href=""><img src="https://img9.doubanio.com/dae/niffler/niffler/images/6da43bc4-cdd7-11e7-bb25-0242ac110014.png" alt=""></a>
                            <p><a class="hover"href="">未来世界生存法则——李松蔚认知思维16讲
                                音频专栏</a>
                                </p>
                            <p class="huise">音频专栏</p>
                        </div>
                        <div class=" rmzlimg">
                            <a class="erji"href=""><img src="https://img9.doubanio.com/dae/niffler/niffler/images/8e457bfe-5872-11ea-916d-4e50984eeed6.jpg" alt=""></a>
                            <p><a class="hover"href="">拍张好照片——跟七七学生活摄影
                                音频专栏</a>
                                </p>
                            <p class="huise">音频专栏</p>
                        </div>
                        <div class=" rmzlimg">
                            <a class="erji"href=""><img src="https://img2.doubanio.com/dae/niffler/niffler/images/d0372f64-a739-11eb-9c0d-96463a36e32f.jpg" alt=""></a>
                            <p><a class="hover"href="">未来世界生存法则——李松蔚认知思维16讲
                                音频专栏</a>
                                </p>
                            <p class="huise">音频专栏</p>
                        </div>
                        <div class=" rmzlimg">
                            <a class="erji"href=""><img src="https://img9.doubanio.com/dae/niffler/niffler/images/45a8b4f8-12b0-11eb-9266-7a8156e98d14.jpg" alt=""></a>
                            <p><a class="hover"href="">了不起的文历史
                                音频专栏</a>
                                </p>
                            <p class="huise">音频专栏</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="dybj">
            <div class="dybox auto clearfix">
                <div class="dy left">
                    <h1><a class="hover" href="">电影</a></h1>
                    <h2><a class="hover" href="">影讯&购票</a></h2>
                    <h2><a class="hover" href="">选电影</a><img src="https://img3.doubanio.com/pics/new_menu.gif" alt=""></h2>
                    <h2><a class="hover" href="">电视剧</a></h2>
                    <h2><a class="hover" href="">排行榜</a></h2>
                    <h2><a class="hover" href="">分类</a></h2>
                    <h2><a class="hover" href="">影评</a></h2>
                    <h2><a class="hover" href="">预告片</a></h2>
                    <h2><a class="hover" href="">问答</a></h2>
                </div>
                <div class="zzrybox left">
                    <div class="clearfix zzryboss">
                        <div class="left clearfix">
                            <h1 class="h1Font-color left zzry">正在热映</h1><span>&nbsp;&nbsp;&nbsp;&nbsp;· · · · · ·&nbsp;&nbsp;（<a class="hover" href="">更多</a>）</span>
                            <div class="clearfix zzryimgbox">
                                <div class="zzryimg left">
                                    <a href=""><img src="https://img2.doubanio.com/view/photo/s_ratio_poster/public/p2641614433.webp" alt=""></a>
                                    <p><a class="hover" href="">悬崖之上</a></p>
                                    <p><span id="xing1" class=xingxing1></span><span>7.7</span></p>
                                    <a class="gp" href="">选座购票</a>
                                </div>
                                <div class="zzryimg left">
                                    <a href=""><img src="https://img2.doubanio.com/view/photo/s_ratio_poster/public/p2642842673.webp" alt=""></a>
                                    <p><a class="hover" href="">悬崖之上</a></p>
                                    <p><span id="xing2" class=xingxing1></span><span>7.7</span></p>
                                    <a class="gp" href="">选座购票</a>
                                </div>
                                <div class="zzryimg left">
                                    <a href=""><img src="https://img2.doubanio.com/view/photo/s_ratio_poster/public/p2644869903.webp" alt=""></a>
                                    <p><a class="hover" href="">悬崖之上</a></p>
                                    <p><span id="xing3" class=xingxing1></span><span>7.7</span></p>
                                    <a class="gp" href="">选座购票</a>
                                </div>
                                <div class="zzryimg left">
                                    <a href=""><img src="https://img1.doubanio.com/view/photo/s_ratio_poster/public/p2641608918.webp" alt=""></a>
                                    <p><a class="hover" href="">悬崖之上</a></p>
                                    <p><span id="xing4" class=xingxing1></span><span>7.7</span></p>
                                    <a class="gp" href="">选座购票</a>
                                </div>
                                <div class="zzryimg left">
                                    <a href=""><img src="https://img9.doubanio.com/view/photo/s_ratio_poster/public/p2639318976.webp" alt=""></a>
                                    <p><a class="hover" href="">悬崖之上</a></p>
                                    <p><span id="xing5"class=xingxing1></span><span>7.7</span></p>
                                    <a class="gp" href="">选座购票</a>
                                </div>
                                <div class="zzryimg left">
                                    <a href=""><img src="https://img1.doubanio.com/view/photo/s_ratio_poster/public/p2641910067.webp" alt=""></a>
                                    <p><a class="hover" href="">悬崖之上</a></p>
                                    <p><span id="xing6"class=xingxing1></span><span>7.7</span></p>
                                    <a class="gp" href="">选座购票</a>
                                </div>
                                <div class="zzryimg left">
                                    <a href=""><img src="https://img2.doubanio.com/view/photo/s_ratio_poster/public/p2641614433.webp" alt=""></a>
                                    <p><a class="hover" href="">悬崖之上</a></p>
                                    <p><span id="xing7"class=xingxing1></span><span>7.7</span></p>
                                    <a class="gp" href="">选座购票</a>
                                </div>
                                <div class="zzryimg left">
                                    <a href=""><img src="https://img2.doubanio.com/view/photo/s_ratio_poster/public/p2640758773.webp" alt=""></a>
                                    <p><a class="hover" href="">悬崖之上</a></p>
                                    <p><span id="xing8"class=xingxing1></span><span>7.7</span></p>
                                    <a class="gp" href="">选座购票</a>
                                </div>
                            </div>
                        </div>
                        <div class="right">
                            <div>
                                <h1 class="h1Font-color left">影片分类</h1><span>&nbsp;&nbsp;&nbsp;&nbsp;· · · · · ·&nbsp;&nbsp;（<a class="hover" href="">更多</a>）</span>
                                <ul class="dyfl clearfix">
                                    <li><a class="hover" href="">爱情</a></li>
                                    <li><a class="hover" href="">剧情</a></li>
                                    <li><a class="hover" href="">喜剧</a></li>
                                    <li><a class="hover" href="">悬疑</a></li>
                                    <li><a class="hover" href="">经典</a></li>
                                    <li><a class="hover" href="">动画</a></li>
                                    <li><a class="hover" href="">科幻</a></li>
                                    <li><a class="hover" href="">犯罪</a></li>
                                    <li><a class="hover" href="">动作</a></li>
                                    <li><a class="hover" href="">青春</a></li>
                                    <li><a class="hover" href="">搞笑</a></li>
                                    <li><a class="hover" href="">文艺</a></li>
                                    <li><a class="hover" href="">惊悚</a></li>
                                    <li><a class="hover" href="">励志</a></li>
                                    <li><a class="hover" href="">纪录片</a></li>
                                    <li><a class="hover" href="">黑色幽默</a></li>
                                    <li><a class="hover" href="">战争</a></li>
                                    <li><a class="hover" href="">家庭</a></li>
                                    <li><a class="hover" href="">美国</a></li>
                                    <li><a class="hover" href="">日本</a></li>
                                    <li><a class="hover" href="">香港</a></li>
                                    <li><a class="hover" href="">中国大陆</a></li>
                                    <li><a class="hover" href="">韩国</a></li>
                                    <li><a class="hover" href="">日本</a></li>
                                    <li><a class="hover" href="">印度</a></li>
                                    <li><a class="hover" href="">台湾</a></li>
                                </ul>
                            </div>
                            <div class="jqrmlm">
                                <h1 class="h1Font-color left">近期热门</h1><span>&nbsp;&nbsp;&nbsp;&nbsp;· · · · · ·&nbsp;&nbsp;（<a class="hover" href="">更多</a>）</span>
                                <ol class="jqrm">
                                    <li><a href="" class="hover">鬼灭之刃 剧场版 无限列车篇</a></li>
                                    <li><a href="" class="hover">酒精计划</a></li>
                                    <li><a href="" class="hover">地球改变之年</a></li>
                                    <li><a href="" class="hover">小人物</a></li>
                                    <li><a href="" class="hover">无依之地</a></li>
                                    <li><a href="" class="hover">智能大反攻</a></li>
                                    <li><a href="" class="hover">扎克·施奈德版正义联盟</a></li>
                                    <li><a href="" class="hover">真人快打</a></li>
                                    <li><a href="" class="hover">新神榜：哪吒重生</a></li>
                                    <li><a href="" class="hover">徐福</a></li>
                                </ul>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>

        <div class="xzbg">
            <div class="xzbox auto clearfix">
                <div class="left">
                    <h1><a href="" class="hover">小组</a></h1>
                    <h2><a href="" class="hover">精选</a></h2>
                    <h2><a href="" class="hover">文化</a></h2>
                    <h2><a href="" class="hover">行摄</a></h2>
                    <h2><a href="" class="hover">娱乐</a></h2>
                    <h2><a href="" class="hover">时尚</a></h2>
                    <h2><a href="" class="hover">生活</a></h2>
                    <h2><a href="" class="hover">科技</a></h2>
                </div>
                <div class="left clearfix rmxzbox">
                    <div class="left">
                        <h1 class="h1Font-color left rmxz">热门小组</h1><span>&nbsp;&nbsp;&nbsp;&nbsp;· · · · · ·&nbsp;&nbsp;（<a class="hover" href="">更多</a>）</span>
                        <div class="clearfix xzimgbox">
                            <div class="clearfix left xzimgboxson">
                                <div class="left">
                                    <a href=""><img src="https://img2.doubanio.com/view/group/sqxs/public/ef4bd6235a7c6c2.webp" alt=""></a>
                                </div>
                                <div class="xzimg left">
                                    <a class="hover" href="">我爱三毛</a>
                                    <span>48345个成员</span>
                                </div>
                                
                            </div>
                            <div class="clearfix left xzimgboxson">
                                <div class="left">
                                    <a href=""><img src="https://img3.doubanio.com/view/group/sqxs/public/063bb07a807a340.webp" alt=""></a>
                                </div>
                                <div class="xzimg left">
                                    <a class="hover" href="">我爱三毛</a>
                                    <span>48345个成员</span>
                                </div>
                                
                            </div>
                            <div class="clearfix left xzimgboxson">
                                <div class="left">
                                    <a href=""><img src="https://img1.doubanio.com/view/group/sqxs/public/68b08f0f3595407.webp" alt=""></a>
                                </div>
                                <div class="xzimg left">
                                    <a class="hover" href="">我爱三毛</a>
                                    <span>48345个成员</span>
                                </div>
                                
                            </div>
                            <div class="clearfix left xzimgboxson">
                                <div class="left">
                                    <a href=""><img src="https://img2.doubanio.com/view/group/sqxs/public/8f11b2285655782.webp" alt=""></a>
                                </div>
                                <div class="xzimg left">
                                    <a class="hover" href="">我们就是要做衣服给自己穿</a>
                                    <span>48345个成员</span>
                                </div>
                                
                            </div>
                            <div class="clearfix left xzimgboxson">
                                <div class="left">
                                    <a href=""><img src="https://img1.doubanio.com/view/group/sqxs/public/17fdb616ff143d8.webp" alt=""></a>
                                </div>
                                <div class="xzimg left">
                                    <a class="hover" href="">沙发客</a>
                                    <span>48345个成员</span>
                                </div>
                                
                            </div>
                            <div class="clearfix left xzimgboxson">
                                <div class="left">
                                    <a href=""><img src="https://img2.doubanio.com/view/group/sqxs/public/2e49d167d4322c2.webp" alt=""></a>
                                </div>
                                <div class="xzimg left">
                                    <a class="hover" href="">西双版纳</a>
                                    <span>48345个成员</span>
                                </div>
                                
                            </div>
                            <div class="clearfix left xzimgboxson">
                                <div class="left">
                                    <a href=""><img src="https://img3.doubanio.com/icon/g109498-1.jpg" alt=""></a>
                                </div>
                                <div class="xzimg left">
                                    <a class="hover" href="">沙发客</a>
                                    <span>48345个成员</span>
                                </div>
                                
                            </div>

                            <div class="clearfix left xzimgboxson">
                                <div class="left">
                                    <a href=""><img src="https://img2.doubanio.com/view/group/sqxs/public/ef4bd6235a7c6c2.webp" alt=""></a>
                                </div>
                                <div class="xzimg left">
                                    <a class="hover" href="">自己给自己剪头发</a>
                                    <span>48345个成员</span>
                                </div>
                                
                            </div>
                        </div>
                    </div>
                    <div class="right">
                        <h1 class="h1Font-color left zzry">小组分类</h1><span>&nbsp;&nbsp;&nbsp;&nbsp;· · · · · ·
                        <div>
                            <h2 ><a class="hover" href="">兴趣»</a></h2>
                            <ul class="clearfix">
                                <li><a class="hover" href="">旅行</a></li>
                                <li><a class="hover" href="">摄影</a></li>
                                <li><a class="hover" href="">影视</a></li>
                                <li><a class="hover" href="">音乐</a></li>
                                <li><a class="hover" href="">文学</a></li>
                                <li><a class="hover" href="">游戏</a></li>
                                <li><a class="hover" href="">动漫</a></li>
                                <li><a class="hover" href="">运动</a></li>
                                <li><a class="hover" href="">戏曲</a></li>
                                <li><a class="hover" href="">桌游</a></li>
                                <li><a class="hover" href="">怪癖</a></li>
                            </ul>
                        </div>
                        <div>
                            <h2 ><a class="hover" href="">生活»</a></h2>
                            <ul class="clearfix">
                                <li><a class="hover" href="">健康</a></li>
                                <li><a class="hover" href="">美食</a></li>
                                <li><a class="hover" href="">宠物</a></li>
                                <li><a class="hover" href="">美容</a></li>
                                <li><a class="hover" href="">化妆</a></li>
                                <li><a class="hover" href="">护肤</a></li>
                                <li><a class="hover" href="">服饰</a></li>
                                <li><a class="hover" href="">公益</a></li>
                                <li><a class="hover" href="">家庭</a></li>
                                <li><a class="hover" href="">育儿</a></li>
                                <li><a class="hover" href="">汽车</a></li>
                            </ul>
                        </div>
                        <div>
                            <h2 ><a class="hover" href="">购物»</a></h2>
                            <ul class="clearfix">
                                <li><a class="hover" href="">淘宝</a></li>
                                <li><a class="hover" href="">二手</a></li>
                                <li><a class="hover" href="">团购</a></li>
                                <li><a class="hover" href="">数码</a></li>
                                <li><a class="hover" href="">品牌</a></li>
                                <li><a class="hover" href="">文具</a></li>
                            </ul>
                        </div>
                        <div>
                            <h2 ><a class="hover" href="">社会»</a></h2>
                            <ul class="clearfix">
                                <li><a class="hover" href="">求职</a></li>
                                <li><a class="hover" href="">租房</a></li>
                                <li><a class="hover" href="">励志</a></li>
                                <li><a class="hover" href="">留学</a></li>
                                <li><a class="hover" href="">出国</a></li>
                                <li><a class="hover" href="">理财</a></li>
                                <li><a class="hover" href="">传媒</a></li>
                                <li><a class="hover" href="">创业</a></li>
                                <li><a class="hover" href="">考试</a></li>
                            </ul>
                        </div>
                        <div>
                            <h2 ><a class="hover" href="">艺术»</a></h2>
                            <ul class="clearfix">
                                <li><a class="hover" href="">设计</a></li>
                                <li><a class="hover" href="">手工</a></li>
                                <li><a class="hover" href="">展览</a></li>
                                <li><a class="hover" href="">舞蹈</a></li>
                                <li><a class="hover" href="">雕塑</a></li>
                                <li><a class="hover" href="">纹身</a></li>
                
                            </ul>
                        </div>
                        <div>
                            <h2 ><a class="hover" href="">学术»</a></h2>
                            <ul class="clearfix">
                                <li><a class="hover" href="">人文</a></li>
                                <li><a class="hover" href="">社科</a></li>
                                <li><a class="hover" href="">自然</a></li>
                                <li><a class="hover" href="">建筑</a></li>
                                <li><a class="hover" href="">国学</a></li>
                                <li><a class="hover" href="">语言</a></li>
                                <li><a class="hover" href="">宗教</a></li>
                                <li><a class="hover" href="">哲学</a></li>
                                <li><a class="hover" href="">考试</a></li>
                            </ul>
                        </div>
                        <div>
                            <h2 ><a class="hover" href="">情感»</a></h2>
                            <ul class="clearfix">
                                <li><a class="hover" href="">恋爱</a></li>
                                <li><a class="hover" href="">心情</a></li>
                                <li><a class="hover" href="">心理学</a></li>
                                <li><a class="hover" href="">星座</a></li>
                                <li><a class="hover" href="">塔罗</a></li>
                                <li><a class="hover" href="">LES</a></li>
                                <li><a class="hover" href="">GAY</a></li>
                            </ul>
                        </div>
                        <div>
                            <h2 ><a class="hover" href="">闲聊»</a></h2>
                            <ul class="clearfix">
                                <li><a class="hover" href="">吐槽</a></li>
                                <li><a class="hover" href="">笑话</a></li>
                                <li><a class="hover" href="">直播</a></li>
                                <li><a class="hover" href="">八卦</a></li>
                                <li><a class="hover" href="">发泄</a></li>
                               
                            </ul>
                        </div>
                    </div>

                </div>
            </div>
        </div>

        <div class="dsbj">
            <div class="dsbox auto clearfix">
                <div class="left">
                    <h1><a class="hover" href="">读书</a></h1>
                    <h2><a href="" class="hover">分类浏览</a></h2>
                    <h2><a href="" class="hover">阅读</a></h2>
                    <h2><a href="" class="hover">作者</a></h2>
                    <h2><a href="" class="hover">书评</a></h2>
                    <h2><a href="" class="hover">购书单</a></h2>
                    <div>
                        <a class="tb" href=""></a>
                        <p class="dbyuedu">豆瓣阅读</p>
                    </div>
                </div>
                <div class="xssdboss left">
                    <div class="left clearfix">
                        <div class="clearfix xssd">
                            <h1 class="h1Font-color left ">新书速递</h1><span>&nbsp;&nbsp;&nbsp;&nbsp;· · · · · ·&nbsp;&nbsp;（<a class="hover" href="">更多</a>）</span>
                            <div class="clearfix">
                                <div class="xssdimgbox left">
                                    <a href=""><img src="https://img3.doubanio.com/view/subject/m/public/s33846810.jpg" alt=""></a>
                                    <a href="">无人知晓的真由子</a>
                                    <p>[日] 今村夏子</p>
                                    <a class="mfsd" href="">免费试读</a>
                                </div>
                                <div class="xssdimgbox left">
                                    <a href=""><img src="https://img2.doubanio.com/view/subject/m/public/s33791192.jpg" alt=""></a>
                                    <a href="">无人知晓的真由子</a>
                                    <p>[日] 今村夏子</p>
                                    <a class="mfsd" href="">免费试读</a>
                                </div> <div class="xssdimgbox left">
                                    <a href=""><img src="https://img9.doubanio.com/view/subject/m/public/s33871224.jpg" alt=""></a>
                                    <a href="">无人知晓的真由子</a>
                                    <p>[日] 今村夏子</p>
                                    <a class="mfsd" href="">免费试读</a>
                                </div> <div class="xssdimgbox left">
                                    <a href=""><img src="https://img3.doubanio.com/view/subject/m/public/s33833651.jpg" alt=""></a>
                                    <a href="">无人知晓的真由子</a>
                                    <p>[日] 今村夏子</p>
                                    <a class="mfsd" href="">免费试读</a>
                                </div>
                            </div>
                        </div>
                        <div class="clearfix ycszzp">
                            <h1 class="h1Font-color left ">原创数字作品</h1><span>&nbsp;&nbsp;&nbsp;&nbsp;· · · · · ·&nbsp;&nbsp;（<a class="hover" href="">更多</a>）</span>
                            <div class="clearfix">
                                <div class="ycszzpimgbox left">
                                    <a href=""><img src="https://img1.doubanio.com/view/ark_column_cover/large/public/36530437.jpg?v=1617964172" alt=""></a>
                                    <a href="">无人知晓的真由子</a>
                                    <p>[日] 今村夏子</p>
                                    <a class="mfsd" href="">免费试读</a>
                                </div>
                                <div class="ycszzpimgbox left">
                                    <a href=""><img src="https://img1.doubanio.com/view/ark_column_cover/large/public/36117959.jpg?v=1616551556" alt=""></a>
                                    <a href="">无人知晓的真由子</a>
                                    <p>[日] 今村夏子</p>
                                    <a class="mfsd" href="">免费试读</a>
                                </div> <div class="ycszzpimgbox left">
                                    <a href=""><img src="https://img9.doubanio.com/view/ark_column_cover/large/public/36156356.jpg?v=1615171045" alt=""></a>
                                    <a href="">无人知晓的真由子</a>
                                    <p>[日] 今村夏子</p>
                                    <a class="mfsd" href="">免费试读</a>
                                </div> <div class="ycszzpimgbox left">
                                    <a href=""><img src="https://img2.doubanio.com/view/ark_column_cover/large/public/36304232.jpg?v=1617964170" alt=""></a>
                                    <a href="">无人知晓的真由子</a>
                                    <p>[日] 今村夏子</p>
                                    <a class="mfsd" href="">免费试读</a>
                                </div>
                            </div>
                        </div>
                        </div>
                    </div>
                        <div class="left rmbqbox clearfix rmbq">
                            <h1 class="h1Font-color left ">热门标签</h1><span>&nbsp;&nbsp;&nbsp;&nbsp;· · · · · ·&nbsp;&nbsp;（<a class="hover" href="">更多</a>）</span>
                            <div>
                                
                                <div class="nav">
                                    <span>[文学]</span>
                                    <a href="" class="hover">小说</a>
                                    <a href="" class="hover">随笔</a>
                                    <a href="" class="hover">日本文学</a>
                                    <a href="" class="hover">散文</a>
                                    <a href="" class="hover">诗歌</a>
                                    <a href="" class="hover">童话</a>
                                    <a href="" class="hover">名著</a>
                                    <a href="" class="hover">港台</a>
                                    <a href="" class="hover">更多</a>
                                </div>
                                <div class="nav">
                                    <span>[流行]</span>
                                    <a href="" class="hover">漫画</a>
                                    <a href="" class="hover">推理</a>
                                    <a href="" class="hover">绘本</a>
                                    <a href="" class="hover">青春</a>
                                    <a href="" class="hover">科幻</a>
                                    <a href="" class="hover">言情</a>
                                    <a href="" class="hover">武侠</a>
                                    <a href="" class="hover">奇幻</a>
                                    <a href="" class="hover">更多</a>
                                </div>
                                <div class="nav">
                                    <span>[文化]</span>
                                    <a href="" class="hover">历史</a>
                                    <a href="" class="hover">哲学</a>
                                    <a href="" class="hover">传记</a>
                                    <a href="" class="hover">设计</a>
                                    <a href="" class="hover">建筑</a>
                                    <a href="" class="hover">电影</a>
                                    <a href="" class="hover">回忆录</a>
                                    <a href="" class="hover">营业</a>
                                    <a href="" class="hover">更多</a>
                                </div><div class="nav">
                                    <span>[生活]</span>
                                    <a href="" class="hover">小说</a>
                                    <a href="" class="hover">随笔</a>
                                    <a href="" class="hover">日本文学</a>
                                    <a href="" class="hover">散文</a>
                                    <a href="" class="hover">诗歌</a>
                                    <a href="" class="hover">童话</a>
                                    <a href="" class="hover">名著</a>
                                    <a href="" class="hover">港台</a>
                                    <a href="" class="hover">更多</a>
                                </div>
                                <div class="nav">
                                    <span>[文学]</span>
                                    <a href="" class="hover">小说</a>
                                    <a href="" class="hover">随笔</a>
                                    <a href="" class="hover">日本文学</a>
                                    <a href="" class="hover">散文</a>
                                    <a href="" class="hover">诗歌</a>
                                    <a href="" class="hover">童话</a>
                                    <a href="" class="hover">名著</a>
                                    <a href="" class="hover">港台</a>
                                    <a href="" class="hover">更多</a>
                                </div>
                                <div class="nav">
                                    <span>[科技]</span>
                                    <a href="" class="hover">小说</a>
                                    <a href="" class="hover">随笔</a>
                                    <a href="" class="hover">日本文学</a>
                                    <a href="" class="hover">散文</a>
                                    <a href="" class="hover">诗歌</a>
                                    <a href="" class="hover">童话</a>
                                    <a href="" class="hover">名著</a>
                                    <a href="" class="hover">港台</a>
                                    <a href="" class="hover">更多</a>
                                </div>
                            </div>
                        </div>
                </div>
                </div>
                <div class="yybg">
                    <div class="yybgbox auto clearfix">
                        <div class="yyrbox left">
                            <h1><a href="" class="hover">音乐</a></h1>
                            <h2><a href="" class="hover">音乐人</a></h2>
                            <h2><a href="" class="hover">潮潮豆瓣音乐周</a></h2>
                            <h2><a href="" class="hover">金羊毛计划</a></h2>
                            <h2><a href="" class="hover">专题</a></h2>
                            <h2><a href="" class="hover">排行榜</a></h2>
                            <h2><a href="" class="hover">分类浏览</a></h2>
                            <h2><a href="" class="hover">乐评</a></h2>
                            <h2><a href="" class="hover">豆瓣FM</a></h2>
                            <h2><a href="" class="hover">歌单</a></h2>
                            <h2><a href="" class="hover">阿比鹿音乐奖</a></h2>
                            <p>
                                <a href="" class="dbfm"></a>
                                <a href="" class="hover">豆瓣FM</a>
                            </p>
                            <p>
                                <a href="" class="dbyyr"></a>
                                <a href="" class="hover">豆瓣音乐人</a>
                            </p>
                        </div>
                        <div class="dqyybox left clearfix">
                            <div class="xdandrmgd left clearfix">
                               <div class="dbxdb">
                                <h1 class="h1Font-color left dbxdb">豆瓣新碟榜</h1><span>&nbsp;&nbsp;&nbsp;&nbsp;· · · · · ·&nbsp;&nbsp;（<a class="hover" href="">更多</a>）</span>
                                <ul class="clearfix">
                                    <li class="left dbxdimg">
                                        <p><a href=""><img src="https://img2.doubanio.com/view/subject/s/public/s33879293.jpg" alt=""></a></p>
                                        <p><a class="hover"href="">多米力高威威维利星</a></p>
                                        <p><a class="hover"href="">脏手指 Oh! Dirty Fingers</a></p>
                                        <p><span class="img img1"></span><span class="fen">8.4</span></p>
                                        
                                    </li>
                                    <li class="left dbxdimg">
                                        <p><a href=""><img src="https://img2.doubanio.com/view/subject/s/public/s33879293.jpg" alt=""></a></p>
                                        <p><a class="hover"href="">多米力高威威维利星</a></p>
                                        <p><a class="hover"href="">脏手指 Oh! Dirty Fingers</a></p>
                                        <p><span class="img img1"></span><span class="fen">8.4</span></p>
                                        
                                    </li>
                                    <li class="left dbxdimg">
                                        <p><a href=""><img src="https://img2.doubanio.com/view/subject/s/public/s33879293.jpg" alt=""></a></p>
                                        <p><a class="hover"href="">多米力高威威维利星</a></p>
                                        <p><a class="hover"href="">脏手指 Oh! Dirty Fingers</a></p>
                                        <p><span class="img img1"></span><span class="fen">8.4</span></p>
                                        
                                    </li>
                                    <li class="left dbxdimg">
                                        <p><a href=""><img src="https://img2.doubanio.com/view/subject/s/public/s33879293.jpg" alt=""></a></p>
                                        <p><a class="hover"href="">多米力高威威维利星</a></p>
                                        <p><a class="hover"href="">脏手指 Oh! Dirty Fingers</a></p>
                                        <p><span class="img img1"></span><span class="fen">8.4</span></p>
                                        
                                    </li>
                                    <li class="left dbxdimg">
                                        <p><a href=""><img src="https://img2.doubanio.com/view/subject/s/public/s33879293.jpg" alt=""></a></p>
                                        <p><a class="hover"href="">多米力高威威维利星</a></p>
                                        <p><a class="hover"href="">脏手指 Oh! Dirty Fingers</a></p>
                                        <p><span class="img img1"></span><span class="fen">8.4</span></p>
                                        
                                    </li>
                                    <li class="left dbxdimg">
                                        <p><a href=""><img src="https://img2.doubanio.com/view/subject/s/public/s33879293.jpg" alt=""></a></p>
                                        <p><a class="hover"href="">多米力高威威维利星</a></p>
                                        <p><a class="hover"href="">脏手指 Oh! Dirt指 Oh! Dir指 Oh! Dir指 Oh! Diry Fingers</a></p>
                                        <p><span class="img img1"></span><span class="fen">8.4</span></p>
                                        
                                    </li>
                                    <li class="left dbxdimg">
                                        <p><a href=""><img src="https://img2.doubanio.com/view/subject/s/public/s33879293.jpg" alt=""></a></p>
                                        <p><a class="hover"href="">多米力高威威维利星</a></p>
                                        <p><a class="hover"href="">脏手指 Oh! Dirty Fingers</a></p>
                                        <p><span class="img img1"></span><span class="fen">8.4</span></p>
                                        
                                    </li>
                                    <li class="left dbxdimg">
                                        <p><a href=""><img src="https://img2.doubanio.com/view/subject/s/public/s33879293.jpg" alt=""></a></p>
                                        <p><a class="hover"href="">多米力高威威维利星</a></p>
                                        <p><a class="hover"href="">脏手指 Oh! Dirty Fingers</a></p>
                                        <p><span class="img img1"></span><span class="fen">8.4</span></p>
                                        
                                    </li>
                                </ul>
                               </div>
                                <div class="rmgd">
                                    <h1 class="h1Font-color left rmgd">热门歌单</h1><span>&nbsp;&nbsp;&nbsp;&nbsp;· · · · · ·&nbsp;&nbsp;（<a class="hover" href="">更多</a>）</span>
                                    <ul class="clearfix">
                                        <li class="left">
                                            <a href="">
                                                <img src="https://img3.doubanio.com/img/songlist/large/41113536-1.png" alt="">
                                                <i></i>
                                            </a>
                                            <p>高分经典｜适合午后的安静古典乐</p>
                                        </li>
                                        <li class="left">
                                            <a href="">
                                                <img src="https://img3.doubanio.com/img/songlist/large/1319062-1.jpg" alt="">
                                                <i></i>
                                            </a>
                                            <p>欧美丨在Uptown听Funk修个椰子皮</p>
                                        </li>
                                        <li class="left">
                                            <a href="">
                                                <img src="https://img3.doubanio.com/img/songlist/large/41059544-1.png" alt="">
                                                <i></i>
                                            </a>
                                            <p>memory</p>
                                        </li>
                                        <li class="left">
                                            <a href="">
                                                <img src="https://img3.doubanio.com/img/songlist/large/44529879-1.jpg" alt="">
                                                <i></i>
                                            </a>
                                            <p>一生悬命</p>
                                        </li>
                                        <li class="left">
                                            <a href="">
                                                <img src="https://img3.doubanio.com/img/songlist/large/56413524-1.jpg" alt="">
                                                <i></i>
                                            </a>
                                            <p>一生悬命</p>
                                        </li>
                                        <li class="left">
                                            <a href="">
                                                <img src="https://img3.doubanio.com/img/songlist/large/347446-1.jpg" alt="">
                                                <i></i>
                                            </a>
                                            <p>ALL MY COVERS 中岛美嘉</p>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="lxyyrbox left clearfix">
                                <h1 class="h1Font-color left ">本周流行音乐人</h1><span>&nbsp;&nbsp;&nbsp;&nbsp;· · · · · ·&nbsp;&nbsp;（<a class="hover" href="">更多</a>）</span>
                                <ul>
                                    <li class="clearfix">
                                        <span class="left">1.</span>
                                        <a class="left xuan" href="">
                                            <p><img src="/imagers/ic_bg_play.png" alt=""></p>
                                        </a>
                                       <p class="left">
                                           <p><a class="xuanzhong" href="">蜜獾耳朵</a></p>
                                           <p class="huise">流派: 电子 Electronica </p>
                                           <p class="huise">258人关注</p>
                                       </p>
                                    </li>
                                    <li class="clearfix">
                                        <span class="left">2.</span>
                                        <a class="left xuan" href="">
                                            <p><img src="/imagers/ic_bg_play.png" alt=""></p>
                                        </a>
                                       <p class="left">
                                           <p><a class="xuanzhong" href="">蜜獾耳朵</a></p>
                                           <p class="huise">流派: 电子 Electronica </p>
                                           <p class="huise">258人关注</p>
                                       </p>
                                    </li>
                                    <li class="clearfix">
                                        <span class="left">3.</span>
                                        <a class="left xuan" href="">
                                            <p><img src="/imagers/ic_bg_play.png" alt=""></p>
                                        </a>
                                       <p class="left">
                                           <p><a class="xuanzhong" href="">蜜獾耳朵</a></p>
                                           <p class="huise">流派: 电子 Electronica </p>
                                           <p class="huise">258人关注</p>
                                       </p>
                                    </li>
                                    <li class="clearfix">
                                        <span class="left">4.</span>
                                        <a class="left xuan" href="">
                                            <p><img src="/imagers/ic_bg_play.png" alt=""></p>
                                        </a>
                                       <p class="left">
                                           <p><a class="xuanzhong" href="">蜜獾耳朵</a></p>
                                           <p class="huise">流派: 电子 Electronica </p>
                                           <p class="huise">258人关注</p>
                                       </p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="dpbg">
                    <div class="dpbox auto clearfix">
                        <div class="left doupin">
                            <h1><a class="hover" href="">豆品</a></h1>
                        </div>
                        <div class="spbox clearfix left">
                            <div class="left clearfix ">
                                <div class="rmsp">
                                    <h1 class="h1Font-color left ">热卖商品</h1><span>&nbsp;&nbsp;&nbsp;&nbsp;· · · · · ·&nbsp;&nbsp;（<a class="hover" href="">更多</a>）</span>
                                </div>
                                <div class="clearfix spboxboss">
                                    <div class="spboxjg left">
                                        <div class="zhezhao"></div>
                                        <a href=""><img src="https://img3.doubanio.com/img/files/file-1613971874-0.jpg" alt=""></a>
                                        <p class="clearfix">
                                            <a class="hover left"href=""> 豆瓣读书便签贴纸 </a>
                                            <span class="right">￥9</span>
                                        </p>
                                    </div>
                                    <div class="spboxjg left">
                                        <div class="zhezhao"></div>
                                        <a href=""><img src="https://img3.doubanio.com/img/files/file-1613971874-0.jpg" alt=""></a>
                                        <p class="clearfix">
                                            <a class="hover left"href=""> 豆瓣读书便签贴纸 </a>
                                            <span class="right">￥9</span>
                                        </p>
                                    </div>
                                    <div class="spboxjg left">
                                        <div class="zhezhao"></div>
                                        <a href=""><img src="https://img3.doubanio.com/img/files/file-1613971874-0.jpg" alt=""></a>
                                        <p class="clearfix">
                                            <a class="hover left"href=""> 豆瓣读书便签贴纸 </a>
                                            <span class="right">￥9</span>
                                        </p>
                                    </div>
                                    <div class="spboxjg left">
                                        <div class="zhezhao"></div>
                                        <a href=""><img src="https://img3.doubanio.com/img/files/file-1613971874-0.jpg" alt=""></a>
                                        <p class="clearfix">
                                            <a class="hover left"href=""> 豆瓣读书便签贴纸 </a>
                                            <span class="right">￥9</span>
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div class="left rmhdright">
                                <div>
                                    <h1 class="h1Font-color left ">热门活动</h1><span>&nbsp;&nbsp;&nbsp;&nbsp;· · · · · ·</span>
                                </div>
                                <div class="ggbox"><a href=""><img src="https://img2.doubanio.com/img/files/file-1513305186-3.jpg" alt=""></a></div>
                                <p><a class="hover" href="">我的豆瓣收藏夹里有什么</a></p>
                                <div class="dbxz">
                                    <h1 class="h1Font-color left ">官方小组</h1><span>&nbsp;&nbsp;&nbsp;&nbsp;· · · · · ·&nbsp;&nbsp;（<a class="hover" href="">更多</a>）</span>
                                </div>
                                <div>
                                    <p><a class="hover" href="">【免费试用申请】一日三餐，一起吃饭：邀请各位爱晒猫的铲屎官免费试用新品「豆瓣猫咪餐具」 </a></p>
                                    <div class="clearfix">
                                        <span class="left">597 人参与</span>
                                        <span class="right">05-12</span>
                                    </div>
                                    <p><a class="hover" href="">【免费试用申请】一日三餐，一起吃饭：邀请各位爱晒猫的铲屎官免费试用新品「豆瓣猫咪餐具」 </a></p>
                                    <div class="clearfix">
                                        <span class="left">597 人参与</span>
                                        <span class="right">05-12</span>
                                    </div>
                                    <p><a class="hover" href="">【免费试用申请】一日三餐，一起吃饭：邀请各位爱晒猫的铲屎官免费试用新品「豆瓣猫咪餐具」 </a></p>
                                    <div class="clearfix">
                                        <span class="left">597 人参与</span>
                                        <span class="right">05-12</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            <div class="tcbg">
                <div class="tcbox auto clearfix">
                    <div class="left">
                        <h1><a href="" class="hover">同城</a></h1>
                        <h2><a href="" class="hover">近期活动</a></h2>
                        <h2><a href="" class="hover">主办方</a></h2>
                        <h2><a href="" class="hover">舞台剧</a></h2>
                    </div>
                    <div class="left rmhdboss clearfix">
                        <div class="rmhdbox clearfix left">
                            <div class="rmhd clearfix">
                                <h1 class="h1Font-color left ">北京 · 本周热门活动</h1><span>&nbsp;&nbsp;&nbsp;&nbsp;· · · · · ·&nbsp;&nbsp;（<a class="hover" href="">更多</a>）</span>
                            </div>
                            <div class="rmhdimgbox clearfix">
                                <div class="cleafrix left imgbox">
                                    <div class="left">
                                        <a href=""><img src="https://img1.doubanio.com/pview/event_poster/small/public/23ae6de0fe0067b.jpg" alt=""></a>
                                    </div>
                                    <div class="left dadian">
                                        <p><a class="hover" href=""> 「旅行团乐队」2021双专场巡演 LVH </a></p>
                                        <p>5月13日 周四 - 5月14日 周五</p>
                                        <p class="dian">北京雍和宫糖果三层 东城区北2环雍和宫桥北50米路</p>
                                        <p>84人关注</p>
                                    </div>
                                    
                                </div>
                                <div class="cleafrix left imgbox">
                                    <div class="left">
                                        <a href=""><img src="https://img1.doubanio.com/pview/event_poster/small/public/23ae6de0fe0067b.jpg" alt=""></a>
                                    </div>
                                    <div class="left dadian">
                                        <p><a class="hover" href=""> 「旅行团乐队」2021双专场巡演 LVH </a></p>
                                        <p>5月13日 周四 - 5月14日 周五</p>
                                        <p class="dian">北京雍和宫糖果三层 东城区北2环雍和宫桥北50米路</p>
                                        <p>84人关注</p>
                                    </div>
                                    
                                </div>
                                <div class="cleafrix left imgbox">
                                    <div class="left">
                                        <a href=""><img src="https://img1.doubanio.com/pview/event_poster/small/public/23ae6de0fe0067b.jpg" alt=""></a>
                                    </div>
                                    <div class="left dadian">
                                        <p><a class="hover" href=""> 「旅行团乐队」2021双专场巡演 LVH </a></p>
                                        <p>5月13日 周四 - 5月14日 周五</p>
                                        <p class="dian">北京雍和宫糖果三层 东城区北2环雍和宫桥北50米路</p>
                                        <p>84人关注</p>
                                    </div>
                                    
                                </div>
                                <div class="cleafrix left imgbox">
                                    <div class="left">
                                        <a href=""><img src="https://img1.doubanio.com/pview/event_poster/small/public/23ae6de0fe0067b.jpg" alt=""></a>
                                    </div>
                                    <div class="left dadian">
                                        <p><a class="hover" href=""> 「旅行团乐队」2021双专场巡演 LVH </a></p>
                                        <p>5月13日 周四 - 5月14日 周五</p>
                                        <p class="dian">北京雍和宫糖果三层 东城区北2环雍和宫桥北50米路</p>
                                        <p>84人关注</p>
                                    </div>
                                    
                                </div>
                            </div>
                        </div> 
                        <div class="left">
                           <div class="hdbq">
                            <h1 class="h1Font-color left ">活动标签</h1><span>&nbsp;&nbsp;&nbsp;&nbsp;· · · · · ·
                           </div>
                           <div class="hdbqbox">
                               <p><a class="hover" href="">音乐»</a></p>
                               <ul class="clearfix">
                                   <li><a class="hover" href="">小型现场</a></li>
                                   <li><a class="hover" href="">音乐会</a></li>
                                   <li><a class="hover" href="">演唱会</a></li>
                                   <li><a class="hover" href="">音乐节</a></li>
                               </ul>
                           </div>
                           <div class="hdbqbox">
                            <p><a class="hover" href="">音乐»</a></p>
                            <ul class="clearfix">
                                <li><a class="hover" href="">小型现场</a></li>
                                <li><a class="hover" href="">音乐会</a></li>
                                <li><a class="hover" href="">演唱会</a></li>
                                <li><a class="hover" href="">音乐节</a></li>
                            </ul>
                        </div>
                        <div class="hdbqbox">
                            <p><a class="hover" href="">音乐»</a></p>
                            <ul class="clearfix">
                                <li><a class="hover" href="">小型现场</a></li>
                                <li><a class="hover" href="">音乐会</a></li>
                                <li><a class="hover" href="">演唱会</a></li>
                                <li><a class="hover" href="">音乐节</a></li>
                            </ul>
                        </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="buttombg">
                <div class="buttombox auto clearfix">
                    <div class="left">
                        <p><span>© 2005－2021 douban.com, all rights reserved 北京豆网科技有限公司 </span></p>
                        <p><a class="hover" href="">京ICP证090015号</a><span>京ICP备11027288号</span><a href="" class="hover">网络视听许可证0110418号</a><a href="" class="hover">食品经营许可证</a></p>
                        <p><span>京网文[2015]2026-368号</span><a class="hover" href="">新出发京批字第直160029号</a><span>新出网证(京)字129号 </span></p>
                        <p><span>违法和不良信息投诉电话：4008353331-9</span><img src="https://img3.doubanio.com/view/treasury_image/raw/public/6316c63a81deef1.jpg" alt=""></p>
                        <p><a class="hover" href="">中国互联网举报中心</a><span>电话：12377   </span><a class="hover" href="">京公网安备11010502000728</a></p>
                    </div>
                    <div class="right">
                        <ul class="clearfix">
                            <li><a href="" class="hover">关于豆瓣</a> 
                                ·  </li>
                            <li>
     <a href="" class="hover">在豆瓣工作</a>  </li>
                            <li>
    · <a href="" class="hover">联系我们</a>  </li>
                            <li>
    · <a href="" class="hover">法律声明</a>  </li>
                            <li>
    · <a href="" class="hover">帮助中心</a>  </li>
                            <li>
    · <a href="" class="hover">移动应用</a>  </li>
                            <li>
    · <a href="" class="hover">豆瓣广告</a> 
                             </li>
                            <li>
                                · <a href="" class="hover">关于豆瓣</a></li>
                                <li>
                                    · <a href="#" class="hover">作者：Yzhou</a></li> 
                        </ul>
                    </div>
                </div>
            </div>
        </div>

    </div>
</body>
</html>